import axios from "axios"
import {createStore} from "vuex"

//Vuex的核心作用就是帮我们管理组件之间的状态的
export default createStore ({
    //所有的状态都放在这里
    state:{
        counter :10
    },
    getters:{
        getCounter(state){
            return state.counter > 0 ?state.counter : "counter数据异常"
        }
    },
    //只允许不能异步操作
    mutations:{
        addCounter(state,num){
            state.counter+=num 
        }
    },
    // 为异步操作
    actions :{
        asyncAddCounter({commit}){
            axios.get().then(res =>{
                commit("addCounter",res.data[0])
            })
        }
    }
})